<div class="manager-box white-bg">
    <div class="index_page_header_container">
        <div class="index_page_header_title">{{$.lp.detailManagerTitle}}</div>
    </div>
    <div style="padding: 20px;height: calc(100% - 104px);">
        <div style="margin: 10px 0;float: left;display: flex; align-items: center;">
            <!--人员组织选择  -->
            <div class="margin-right">
                <o-org-person-selector
                    oo-prop="{'isRequried': true, 'selectorTitle': $.lp.detailStatisticList.filterSelectTitle,  'placeholder': $.lp.detailStatisticList.filterEmptyPlaceholder,  'count':1, 'value': $.filterList, 'units': $.units}"
                    oo-model="filterList"></o-org-person-selector>
            </div>

            <!-- 日期选择 -->
            <div class="margin-top margin-right">
                <o-date-picker oo-prop="{'value': $.form.startDate}" oo-model="form.startDate"></o-date-picker>
                <span style="margin: 0 10px;">{{$.lp.until}}</span>
                <o-date-picker oo-prop="{'value': $.form.endDate}" oo-model="form.endDate"></o-date-picker>
            </div>
            <div class="margin-top margin-right">
                <button class="mainColor_bg" @click="search">{{$.lp.search}}</button>
            </div>
        </div>
        <div style="margin: 10px 0;float: right;">
            <button class="light-border-button mainColor_border primary_color"
                @click="statisticExport">{{$.lp.statisticExport}}</button>
        </div>
        <div style="clear: both;overflow: auto;height: calc(100% - 50px);">
            <table class="scroll-table">
                <thead>
                    <tr>
                        <th>{{$.lp.detailTable.person}}</th>
                        <th>{{$.lp.detailTable.averageWorkTimeDuration}}</th>
                        <th>{{$.lp.detailTable.workTimeDuration}}</th>
                        <th>{{$.lp.detailTable.attendance}}</th>
                        <th>{{$.lp.detailTable.rest}}</th>
                        <th>{{$.lp.detailTable.absenteeismDays}}</th>
                        <th>{{$.lp.detailTable.lateTimes}}</th>
                        <th>{{$.lp.detailTable.leaveEarlierTimes}}</th>
                        <th>{{$.lp.detailTable.absenceTimes}}</th>
                        <th>{{$.lp.detailTable.fieldWorkTimes}}</th>
                        <th oo-each="$.tableHeaderList" oo-item="h">{{h.value}}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr oo-each="$.statisticList" oo-item="d">
                        <th>{{ $m.formatName(d.value.userId)}}</th>
                        <td>{{ d.value.averageWorkTimeDuration }}</td>
                        <td>{{ $m.formatWorkTimeDuration(d.value.workTimeDuration)}}</td>
                        <td>{{d.value.attendance}}</td>
                        <td>{{d.value.rest}}</td>
                        <td>{{d.value.absenteeismDays}}</td>
                        <td>{{d.value.lateTimes}}</td>
                        <td>{{d.value.leaveEarlierTimes}}</td>
                        <td>{{d.value.absenceTimes}}</td>
                        <td>{{d.value.fieldWorkTimes}}</td>
                        <td oo-each="$.tableHeaderList" oo-item="h">
                            <span oo-if="$m.checkDateDetail(h.value, d.value)" class="operator_link_underline" @click="this.openRecordList(h.value, d.value)" >{{ $m.formatRecordList(h.value, d.value)}}</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        
    </div>

</div>